<!DOCTYPE html>
<html lang="en">

<head>
    <title>reg-login</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="./css/reset.css">
    <link href="css/regLogin.css" rel="stylesheet">
</head>

<body>
    <div id="example_form" class="regLogin-container">
        <!-- 手机注册 -->
        <form class="reg" id="regTel">
            <div class="regLogin-title">
                <p class="on">手机注册</p>
                <p id="regEmailLink">or 邮箱注册</p>
            </div>
            <div class="regLogin-form">
                <div class="regLogin-input-box">
                    <input class="regLogin-input" type="text" name="userName" value="" placeholder="用户名（4-15位字母数字）">
                    <div class="regLogin-input-border"></div>
                </div>
                <div class="regLogin-input-box">
                    <input class="regLogin-input" type="text" name="userTel" value="" placeholder="常用手机号">
                    <div class="regLogin-input-border"></div>
                </div>
                <div class="regLogin-input-box">
                    <input class="regLogin-input telValidator" type="text" name="telCode" value="" placeholder="手机验证码">
                    <div class="regLogin-input-border telValidator"></div>
                    <button type="button" class="regLogin-button telValidator-button">发送验证码</button>
                </div>
                <div class="regLogin-input-box">
                    <input class="regLogin-input" type="password" name="userPassword" value="" placeholder="密码（字母和数字，不少于6位）">
                    <div class="regLogin-input-border"></div>
                </div>
                <div class="regLogin-input-box">
                    <input type="checkbox" id="regLogin-checkbox-tel" class="regLogin-checkbox" name="" value="">
                    <label class="regLogin-checkbox-label" for="regLogin-checkbox-tel">我已阅读并接受<a href="javascript:;">《用户服务协议》</a></label>
                </div>
                <div class="regLogin-input-box">
                    <button class="regLogin-button" type="button">注册</button>
                </div>

            </div>
        </form>
        <!-- 邮箱注册 -->
        <form class="reg" id="regEmail" style="display:none">
            <div class="regLogin-title">
                <p class="on">邮箱注册</p>
                <p id="regTelLink">or 手机注册</p>
            </div>
            <div class="regLogin-form">
                <div class="regLogin-input-box">
                    <input class="regLogin-input" type="text" name="userName" value="" placeholder="用户名（4-15位字母数字）">
                    <div class="regLogin-input-border"></div>
                </div>
                <div class="regLogin-input-box">
                    <input class="regLogin-input" type="text" name="userEmail" value="" placeholder="常用邮箱">
                    <div class="regLogin-input-border"></div>
                </div>
                <div class="regLogin-input-box">
                    <input class="regLogin-input" type="password" name="userPassword" value="" placeholder="密码（字母和数字，不少于6位）">
                    <div class="regLogin-input-border"></div>
                </div>
                <div class="regLogin-input-box">
                    <input type="checkbox" id="regLogin-checkbox-email" class="regLogin-checkbox" name="" value="">
                    <label class="regLogin-checkbox-label" for="regLogin-checkbox-email">我已阅读并接受<a href="javascript:;">《用户服务协议》</a></label>
                </div>
                <div class="regLogin-input-box">
                    <button class="regLogin-button" type="button">注册</button>
                </div>

            </div>
        </form>
    </div>
    <!--粒子背景-->
    <div id="particles-js" style="height:100%"></div>

    <script src="./js/particles.js"></script>
    <!--<script color="0,0,0" opacity='0.2' zIndex="-1" count="99" src="https://cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.js"></script>-->
    <script src="./js/SMValidator.js"></script>
    <script src="./js/regLogin.js"></script>
</body>

</html>